<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Just for Test!!!</title>
</head>
<script src="bower_components/jquery/dist/jquery.js"></script>
<script type="text/javascript">

	var a1 = '';
	var b1 = '';
	var c1 = '';
	a1 = '<h1>abc</h1>';
	b1 = '<a href="index2">click me</a>';
	
	c1 = '<table border="1">'+
			'<tr>'+
			'<td>aaaaa</td>'+
			'<td>bbbb</td>'+
			'<td>ccc</td>'+
			'<td>ee</td>'+
			'</tr>'+
		'</table>';
	
</script>
<body>
<div id="a1"/>
<div id="a2"/>
<br/>
test1
<br/>
<script type="text/javascript">
	document.write(a1);
	document.write(b1);
	
	$("#a1").html(c1);
	$("#a2").append('<br/>testtest1');
</script >

</body>
<script type="text/javascript">

	$(function(){
		//alert("load page finish!!!");
		
		$.ajax({
			url:"getData2",
			data:{"abc":"123"}
			}		
		).done(function(data,statusText){
			console.log(data);
			console.log(statusText); 
		}).fail(function(){
			alert("服务器出错");
		});
		
		$.ajax({
			url:"getData3",
			data:{"abc":"44444"},
			success:function(data){
				console.log(data);
				abcTest1();
			}
		});
		
	});

	function abcTest1(){
		console.log('abcTest1()');
		
	}
	
	/**
$(document).ready(function(){
    $("button").click(function(){
        $.getJSON("demo_ajax_json.js",function(result){
            $.each(result, function(i, field){
                $("div").append(field + " ");
            });
        });
    });
});
	*/
	
	
</script>
</html>